<template>
	<view class="PC-top-image">
		<image src="/static/pc/login-bg.png" class="image-bg" mode="aspectFill"></image>
		<view class="title-text">辽宁中宇纵横融资租赁有限公司债券项目</view>
		<view class="desc-text">大连诺众投资咨询有限公司</view>
		<view class="time-text">2024.03.09</view>
	</view>
</template>

<script>
	export default {
		name: "PCTopImage",
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">
	.PC-top-image {
		width: 100%;
		height: 244px;
		@extend .column;
		position: relative;

		.image-bg {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
		}

		.title-text {
			position: relative;
			z-index: 2;
			font-size: 44px;
			color: #FFFFFF;
		}

		.desc-text {
			position: relative;
			z-index: 2;
			font-size: 18px;
			color: #FFFFFF;
			margin-top: 7px;
		}

		.time-text {
			position: relative;
			z-index: 2;
			font-size: 14px;
			color: #FFFFFF;
		}
	}
</style>